<template>
	<view class="monitor-center">
		<view class="row-item">vue 页面向 webview 页面传参</view>
		<view class="row-item">参数：{{ this.position }}</view>
		<u-button class="row-item" :ripple="true" type="primary" @click="paramPass">传参</u-button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				position: '116.878021,38.343723'
			}
		},
		methods: {
			paramPass() {
				let externalPageUrl = '/hybrid/html/baiduMap/baiduMapParam.html'
				uni.navigateTo({
					url: '../externalPage/webview?url=' + externalPageUrl + '?point=' + this.position
				})
			}
		}
	}
</script>

<style lang="scss">
	.monitor-center {
		padding: 30rpx;

		.row-item {
			margin-top: 50rpx;
		}
	}
</style>
